<template>
  <div id="app">
    <top></top>
  </div>
</template>

<script>
import top from '@/components/header/top.vue'
export default {
  components: {
    top: top
  }
}
</script>

<style>
html {
  width:100%;
  height:100%;
}
body {
  width: 100%;
  height: 100%;
}
#app {
  width: 100%;
  height: 100%;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
/* 导航样式 */
.ivu-menu-item {
  font-size: 18px;
}
.ivu-layout-header {
  height: 60px;
}
.ivu-layout-sider {
  background: #fff;
}
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu){
  color: #19BE6B;
  border-right: 2px solid #19BE6B;
}
/* 上传图片按钮样式 */
.ivu-btn{
  font-size:16px;
}
.ivu-form .ivu-form-item-label{
  font-size:16px;
}
/* input框样式 */
.ivu-input {
  height: 38px;
  font-size: 16px;
}
/* 按钮鼠标划过边框样式 */
.ivu-btn:hover{
  border-color: #19BE6B;
}
.ivu-btn:hover span{
  color: #19BE6B;
}
/* 分页被选中样式 */
.ivu-page-item-active {
    background-color: #19BE6B;
    border-color: #19BE6B;
}
/* 分页字体样式 */
.ivu-page-options-elevator input, .ivu-page-total, .ivu-page-item a, .ivu-page-options-elevator{
  font-size: 16px;
}
/* 按钮类型为primary */
.ivu-btn-primary {
    color: #fff;
    background-color: #19BE6B;
    border-color: #19BE6B;
}
/* 侧边导航伪元素 */
.ivu-menu-vertical.ivu-menu-light:after {
    width: 0;
}
/* 按钮划过字体颜色 */
.ivu-btn:hover span {
    color: #495060;
}
/* 按钮图标划过颜色 */
.ivu-btn:hover>.ivu-icon{
  color: #333;
}
/* 表格字体大小 */
.ivu-table-cell{
  font-size:14px;
}

/* poptip图标 */
.ivu-poptip-confirm .ivu-poptip-body .ivu-icon{
  left:20px;
}
/* 开关样式 */
.ivu-switch-checked {
    border-color: #19BE6B;
    background-color: #19BE6B;
}
</style>
